<html>
	<head>
		<title>The Very First Client</title>
        <link rel="stylesheet" href="../../style.css">
        <script type="text/javascript" src="../../lib/spidergl.js"></script>
		<script type="text/javascript" src="../../lib/spidergl-config.js"></script>
		<script type="text/javascript" src="../../lib/nvmc.js"></script>
		<script type="text/javascript" src="../../lib/nvmc-config.js"></script>
		<script type="text/javascript" src="triangle.js"></script>
		<script type="text/javascript" src="shaders.js"></script>
        <script type="text/javascript" src="0.js"></script>
        <script type="text/javascript" src="race.js"></script>
		<script type="text/javascript" src="../../lib/nvmc-glue.js"></script>
	</head>
	<body>
    <ul class="combar">
        <li>Section 4.8, page 120</li>
        <li>Instructions</li>
        <li>[w]: move forward<br>
            [s]: move backward<br>
            [a]: steer left<br>
            [d]: steer right<br></li>
    </ul>

    <ul class="navbar">
            <li> This is the very first working client. It does not do much, the car is  the white triangle and the background is everthing else!
            </li>
    </ul>


		<center>
			<h2> The Very First Client</h2>
			<div>
			  <hr/>
			  <canvas id="nvmc-canvas" width="600" height="400" style="border:1px solid gray;"></canvas>
			  <hr/>
			</div>

			<div>
			  <h3>Log</h3>
			  <textarea id="nvmc-log" rows="4" cols="80"></textarea>
			</div>
			<div>
			  <div id="nvmc-fps">FPS</div>
			  <div id="nvmc-latency">Latency</div>
			  <div id="nvmc-server-clock-delta">Server Clock Delta</div>
			  <div id="nvmc-server-time">Server Time</div>
			</div>
			<hr/>
		</center>
	</body>
</html>
